div.bubble.outgoing {
  background-color: hsl(240, 100%, 97%);
  border-color: hsl(240, 100%, 80%);
}

div.bubble.outgoing p.pseudo>span {
  color: hsl(240, 100%, 75%);
  background-color: hsl(240, 100%, 94%);
}

div.bubble.outgoing>div.indicator {
  margin-left: -17px;
  padding-left: 32px;
  background: url('../Bitmaps/indicator_240.png') no-repeat center left;
}


div.bubble.incoming {
  background-color: hsl(320, 100%, 97%);
  border-color: hsl(320, 100%, 80%);
  position: relative;
  left: 20px;
  margin-right: 40px;
  margin-left: auto;
}

div.bubble.incoming p.pseudo>span {
  color: hsl(320, 100%, 75%);
  background-color: hsl(320, 100%, 94%);
}

div.bubble.incoming>div.indicator {
  margin-right: -19px;
  padding-right: 34px;
  background: url('../Bitmaps/indicator_320_alt.png') no-repeat center right;
}


div.bubble.event {
  /* Subtract 2 x (desired minimum margin) + padding + border) */
  max-width: -moz-calc(100% - 74px);
  margin-left: auto;
  margin-right: auto;
}
